
<div class="row bottom">
    <div class="col-lg-8 col-md-8 col-sm-7 col-left">
        <section>
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2">

                    <!--input contact-->
                    <h1>Contact</h1>
                    <h1 class="spacer">___</h1>
                    <p>Utque aegrum corpus quassari etiam levibus solet offensis, ita animus eius angustus et tener, quicquid increpuisset, ad salutis suae dispendium existim.</p>
                    <hr>
                    <div class="panel panel-default contact btn-footer">
                        <div class="panel-body">
                            <form role="form">
                                <div class="form-group">
                                    <label for="contactEmail">Email address</label>
                                    <input type="email" class="form-control" id="contactEmail">
                                </div>
                                <div class="form-group">
                                    <label for="contactMessage">Message</label>
                                    <textarea class="form-control" rows="10" id="contactMessage"></textarea>
                                </div>
                            </form>
                        </div>
                        <div class="panel-footer">
                            <a class="btn btn-grey btn-lg btn-block">Send</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
    <div class="col-lg-4 col-md-4 col-sm-5 col-right">
        <div id="scroll-shadow"></div>
        <section>
            <div class="row">
                <div class="col-lg-12">

                    <!--panel contact-->
                    <div class="panel panel-default item">
                        <div class="panel-heading">
                            <a href="#">

                                <!--your image-->
                                <img class="img-responsive item-img" src="<?php echo base_url();?>resources/img/contact/avatar-contact.jpg" alt="Avatar">

                            </a>
                        </div>
                        <div class="panel-body">

                            <!--your name-->
                            <a href="#"><h4 class="item-title">Bao Kelvin</h4></a>

                            <!--your profession / where you live-->
                            <p class="item-category">Freelance web designer, in Ha Noi </p>

                            <!--your descritpion / why should we contact you-->
                            <p class="item-description">Iam virtutem ex consuetudine vitae sermonisque nostri nostri nostri, quicquid increpuisset, ad salutis suae dispendium existim.</p>
                            <hr>

                            <!--social networks-->
                            <div class="item-social text-center">
                                <a href="#"><img class="social" src="<?php echo base_url();?>resources/img/icon/icon-facebook.png" alt="Facebook"></a>
                                <a href="#"><img class="social bis" src="<?php echo base_url();?>resources/img/icon/icon-twitter.png" alt="Twitter"></a>
                                <a href="#"><img class="social" src="<?php echo base_url();?>resources/img/icon/icon-google.png" alt="Google plus"></a>
                                <a href="#"><img class="social bis" src="<?php echo base_url();?>resources/img/icon/icon-linkedin.png" alt="Linkedin"></a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>
        